import { dateUtil} from '../../../components/calendarGroup/v2/utils/index'
import * as echarts from '../../../packages/ec-canvas/echarts';
let chartLine1;//血糖，血压，血脂
let chartLine2;
const conf = {
  data: {
    calendarConfig: {
      theme: 'default',
      showHolidays: true,
      emphasisWeek: true,
      // chooseAreaMode: true,
      // defaultDate: '',
      autoChoosedWhenJump: true,

    }
  },
  methods:{
    onSwipe(e){
      this.tryToSet(e)
      console.log(e)
    },
    tryToSet(e){
      const{calendar,records} = e.detail
      console.log(records)
      //加背景颜色
      var r = []
      r = JSON.parse(JSON.stringify(records));
      r.filter(item=>item.class='orange-date other-class')
      console.log(r)
      console.log(records)
      calendar.setDateStyle(r)
      //加备注
      var rr = [];
      rr = JSON.parse(JSON.stringify(records));
      rr.filter(item=>item.todoText='已打卡')
      
      var dates = []
      dates = rr
      calendar.setTodos({
        showLabelAlways: true,
        dates
      })
       console.log(calendar)

    },
  //验证当前选择日期是过去还是将来false--过去（包含今天）  true--将来
  isbeforeToday(date){
    const today = new Date()
    var year = today.getFullYear()
    var month = today.getMonth()+1
    var day = today.getDate()
    if(date.year<year)
    return false
    else if(date.year>year)
    return true
    else{
      if(date.month>month){
        return true
      }else if(date.month<month)
      return false
      else{
        if(date.day>day)
        return true
        else
        return false
      }
    }
  },
  //获取当前点击的日期
  afterTapDate(e) {
    console.log(e)
    const{year,month,date,todoText} = e.detail
    const _date = {
      year,
      month,
      date
    }
    if(todoText==='已打卡'){
      //跳转到新页面去，用navigate吧
      wx.navigateTo({
        url: 'detailPage/detailPage?year='+_date.year+'&month='+_date.month+'&day='+_date.date
      })
    }else{
      if(this.isbeforeToday(date)){
        wx.showToast({
          title: '尚未打卡',
          icon:'none',duration: 2000
        })  
      }else{
        wx.showToast({
          title: '记得及时来打卡哦',
          icon:'none',duration: 2000
        })  
      }
    }
    console.log(todoText)
    console.log(e)
  },
    //获取用户openid
    getOpenid: function () {
      wx.cloud.callFunction({
        name: 'getOpenId',
        complete: res => {
          wx.setStorageSync('openid', res.result.openid)
          this.setData({//
            openid: res.result.openid
          })
        }
      })
    },
    //算了算了又失败了
    init() {
      const calendar = this.selectComponent('#calendar').calendar
      const { year, month } = calendar.getCurrentYM()
      console.log(calendar)
      calendar.setCalendarConfig({
        showLunar: false,
        theme: 'elegant',
        multi: true
      }).then(conf => {
        console.log('设置成功：', conf)
      })
    },
    //获取该用户打卡信息
    getDakaData:function(){

    }
  },
  //生命周期函数
  lifetimes: {
    created: function () {
      // const calendar = this.selectComponent('#calendar').calendar
      // console.log(calendar)
      // 这就是为啥我直接在那里面写了，
      //TODO: defaultDate
    },
    ready:function(){
    },
    attached: function () {
      // 在组件实例进入页面节点树时执行
    },
    detached: function () {
      // 在组件实例被从页面节点树移除时执行
    },
  },
  //又失败了
  init(calendar){
    console.log(calendar)
  },
  takeoverSetDaka(r){
    console.log("??")
    console.log(r)
  },
  pageLifetimes: {
    show: function() {
      //页面被展示出来
    },
    hide: function() {
      // 页面被隐藏
    },
    resize: function(size) {
      // 页面尺寸变化
    }
  }
}
Component(conf)
// function getOption(title,legend,xData, data_cur, data_his) {
//   var option = {
//     backgroundColor: "#fff",
//     color: ["#37A2DA", "#f2960d", "#67E0E3", "#9FE6B8"],
//     title: {
//       text: title,
//       left: 'center',
//       // textStyle: {
//       //   fontWeight: '500',
//       //   fontSize: 15,
//       //   color: '#000'
//       // },
//       // x:'center',
//       // y:'0'
//     },
//     legend: {
//       data: legend,
//       top: 30,
//       left: 'center',
//       // backgroundColor: 'red',
//       z: 100
//     },
//     grid: {
//       // top: '35%',
//       // left: '1%',
//       // right: '3%',
//       containLabel: true
//     },
//     tooltip: {
//       show: true,
//       trigger: 'axis'
//     },
//     xAxis: {
//       type: 'category',
//       boundaryGap: false,
//       data: xData||[],
//       axisLabel: {
//         interval: 11,
//         formatter: function (value, index) {
//           return value.substring(0, 2) * 1;
//         },
//         textStyle: {
//           fontsize: '10px'
//         }
//       }
//     },
//     yAxis: {
//       x: 'center',
//       name: 'km/h',
//       type: 'value',
//       min: 0,
//       max: 120,
//       splitLine: {
//         lineStyle: {
//           type: 'dashed'
//         }
//       }
//     },
//     series: [{
//       name: legend[0],
//       // zIndex:3,
//       type: 'line',
//       smooth: true,
//       symbolSize: 0,
//       data: data_cur||[]
//     },{
//         name: legend[1],
//         // zIndex: 2,
//         type: 'line',
//         smooth: true,
//         symbolSize: 0,
//         data: data_his||[]
//     },{
//       name: legend[2],
//       // zIndex: 1,
//       type: 'line',
//       smooth: true,
//       symbolSize: 0,
//       data: data_his||[]
//   }
//   ]
//   };
//   return option;
// }